<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/main.css">
    <link rel="stylesheet" type="text/css" href="../css/child.css">
    <style type="text/css">
        footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            margin-top: 50px;
        }
    </style>
</head>
<body>
<header id="header"></header>
<div class="search">
    <div class="search-wrap">
        <div class="search-content">
            <input type="input" name="keyword" class="search-input clr-999" value="热门分类"/>
            <a href="javascript:void(0);" class="search-btn"></a>
        </div>
    </div>
</div>
<div class="content">
    <div class="categroy-cnt" id="categroy-cnt"></div>
</div>
<div class="footer">
    <div class="footer-top">
        <div class="footer-tleft">
            <a class="btn btn-login" href="javascript:void(0);">登录</a>
            <a class="btn btn-regist" href="javascript:void(0);">注册</a>
        </div>
        <a href="javascript:void(0);" class="gotop">
            <span class="gotop-icon"></span>

            <p>回顶部</p>
        </a>
    </div>
    <div class="footer-content">
        <p class="link">
            <a href="javascript:void(0);" class="standard">标准版</a>
            <a href="javascript:void(0);">下载Android客户端</a>
        </p>

        <p class="copyright">
            版权所有 2007-2014 © 天津市网城天创科技有限责任公司
        </p>
    </div>
</div>
<footer>
    <div class="footer-pannel" style="display: block;border-top: 1px solid #d0cece;">
        <div class="footer-op-table footer-op-warp">
            <a href="../index.html" class="quarter"><span class="i-home"></span>

            <p>首页</p></a><a href="javascript:void(0);" class="quarter current"><span class="i-categroy"></span>

            <p>分类</p></a><a href="javascript:void(0);" class="quarter"><span class="i-search"></span>

            <p>搜索</p></a><a href="javascript:void(0);" class="quarter"><span class="i-cart"></span>

            <p>购物车</p></a><a href="javascript:void(0);" class="quarter"><span class="i-mine"></span>

            <p>我的商城</p></a></div>
    </div>
</footer>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/template.js"></script>
<script type="text/javascript" src="../js/tmpl/common-top.js"></script>
<script type="text/javascript" src="../js/tmpl/categroy-frist-list.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
</body>
</html>